<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="${ bp }/static/layui/css/layui.css">
		<style type="text/css">
			#gameDetail {
				width: 900px;
				box-sizing: border-box;
				border: 2px solid green;
				margin: 30px auto;
				padding: 20px;
			}
			/* table 样式 */
			table {
				border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;
			}
			table td,
			table th {
				border-bottom: 1px solid #ccc;
				border-right: 1px solid #ccc;
				padding: 3px 5px;
			}
			table th {
				border-bottom: 2px solid #ccc;
				text-align: center;
			}

			/* blockquote 样式 */
			blockquote {
				display: block;
				border-left: 8px solid #d0e5f2;
				padding: 5px 10px;
				margin: 10px 0;
				line-height: 1.4;
				font-size: 100%;
				background-color: #f1f1f1;
			}

			/* code 样式 */
			code {
				display: inline-block;
				*display: inline;
				*zoom: 1;
				background-color: #f1f1f1;
				border-radius: 3px;
				padding: 3px 5px;
				margin: 0 3px;
			}
			pre code {
				display: block;
			}

			/* ul ol 样式 */
			ul, ol {
				margin: 10px 0 10px 20px;
			}
			.w-e-todo {
				list-style: none;
			}
		</style>
	</head>
	
	<body>
		<div class="layui-container">

			<%-- 添加表单 --%>
			<form class="layui-form" style="margin-top: 50px;">
				<div class="layui-form-item">
					<label class="layui-form-label">游戏名</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.name }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">游戏昵称</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.nickname }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">类别</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.type }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">原价格</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.preprice }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">折扣</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.off }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">游戏价格</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.price }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">积分</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.credit }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">发行商</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.publisher_name }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">系统配置</label>
					<div class="layui-input-block">
						<div id="system">${ game.system }</div>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">发布时间</label>
					<div class="layui-input-block">
						<input type="text" class="layui-input" value="${ game.time }" readonly>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">主图</label>
					<div class="layui-input-block">
						<c:if test="${ game.image eq '' }">
							<input type="text" class="layui-input" value="暂无主图" readonly>
						</c:if>
						<c:if test="${ game.image ne '' }">
							<img src="${ game.image }" alt="图片加载失败" title="主图" style="max-width: 196px">
						</c:if>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">游戏简介</label>
					<div class="layui-input-block">
						<div id="content">${ game.content }</div>
					</div>
				</div>
			</form>

		</div>

		<script type="text/javascript" src="${ bp }/static/layui/layui.all.js"></script>

	</body>
</html>
